<template>
  <div class="login-content-1 relative min-h-screen flex">
    <div class="flex-col">
      <div class="left">
        <div class="left-bg"></div>
        <div class="left-contet">
          <div class="left-title">欢迎光临</div>
          <div class="left-sub-title">
            欢迎来到好玩俱乐部，在这里和志同道合的朋友一起分享有趣的故事，一起组织有趣的活动...
          </div>
        </div>
      </div>
      <div class="right">
        <div class="right-content">
          <div class="text-center">
            <h2>欢迎回来</h2>
            <p>第三方登录</p>
          </div>
          <div class="text-logo">
            <a href="javascript:" class="logo-a logo-a-1"
              ><img
                class="w-4 h-4"
                src=""
            /></a>
            <a href="javascript:" class="logo-a logo-a-2"
              ><img
                class="w-4 h-4"
                src=""
            /></a>
            <a href="javascript:" class="logo-a logo-a-3"
              ><img
                src=""
                class="w-4 h-4"
            /></a>
          </div>
          <div class="text-sub">
            <span class="text-sub-1"></span>
            <span class="text-sub-2">使用电子邮箱登录</span>
            <span class="text-sub-1"></span>
          </div>
          <form class="form" action="#" method="POST">
            <input type="hidden" name="remember" value="true" />
            <div class="relative">
              <label>电子邮箱</label>
              <input type="" placeholder="请输入电子邮箱" />
            </div>
            <div class="relative">
              <label>密码</label>
              <input type="password" placeholder="请输入密码" />
            </div>
            <div class="label-tips">
              <div class="tips-left">
                <input id="remember_me" name="remember_me" type="checkbox" />
                <label for="remember_me">记住我</label>
              </div>
              <div class="tips-right">
                <a href="#" class="text-indigo-400 hover:text-blue-500"
                  >忘记密码？</a
                >
              </div>
            </div>
            <div class="submit">
              <button
                type="submit"
                class="w-full flex justify-center bg-gradient-to-r from-indigo-500 to-blue-600 hover:bg-gradient-to-l hover:from-blue-500 hover:to-indigo-600 text-gray-100 p-4 rounded-full tracking-wide font-semibold shadow-lg cursor-pointer transition ease-in duration-500"
              >
                登 录
              </button>
            </div>
            <p class="login-question">
              <span>还没有账号？</span>
              <a
                href="https://www.17sucai.com/"
                target="_blank"
                class="text-indigo-400 hover:text-blue-500 no-underline hover:underline cursor-pointer transition ease-in duration-300"
                >立即注册</a
              >
            </p>
          </form>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style lang="scss" scoped>
@import "./index.scss";
</style>
